<template>
        <div>
            <TopBar class="topBar"></TopBar>
            <router-view class="center"></router-view>
            <BottomBar class="bottomBar"></BottomBar>
        </div>
</template>

<script>
import BottomBar from "../components/BottomBar";
import TopBar from "../components/TopBar";

export default {
        name: "Main",
        data(){
            return {
                active:0
            }
        },
        methods:{

        },
        components:{
            BottomBar,
            TopBar
        }

    }
</script>

<style scoped>
    .topBar{
        margin-bottom: 40px;
    }

</style>
